<!doctype html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<title>reveal.js – The HTML Presentation Framework</title>
		<meta name="description" content="A framework for easily creating beautiful presentations using HTML">
		<meta name="author" content="Hakim El Hattab">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

		<link rel="stylesheet" href="./../stylesheet/reset.css">
		<link rel="stylesheet" href="./../stylesheet/common.css">
		<style>
			.patent-board {
				padding:10px;
			}
			.patent-board .board-panel {
				width: 300px;
				height: 100px;
				margin-top: 10px;
				background-color: #17354c;
				border-radius: 5px;
			}
			.patent-board .pull-left {
				float: left;
			}
			.patent-board .pull-right {
				float: right;
			}
			.patent-board .panel-title {
				text-align: left;
				font-size: 20px;
				line-height: 50px;
				color: #d9c182;
				padding-left: 30px;
			}
			.patent-board .panel-num {
				text-align: right;
				font-size: 30px;
				color: #ffff00;
				line-height: 30px;
			}
			.patent-board .panel-unit {
				font-size: 14px;
				margin-left: 8px;
				margin-right: 50px;
			}
			.mapimg img{
				display: inline-block;
			}
		</style>
	</head>
	<body>
		<div class="container">
			<div class="row" style="height: 100%;">
				<div class="col" style="width: 33.33%;">
					<div class="row" style="height: 33.33%;">
						<iframe scrolling="no" src="p6/p61.html"></iframe>
					</div>
					<div class="row" style="height: 33.33%;">
						<iframe scrolling="no" src="p6/p62.html"></iframe>
					</div>
					<div class="row" style="height: 33.33%;">
						<iframe scrolling="no" src="p6/p65.html"></iframe>
					</div>
				</div>
				<div class="col" style="width: 33.33%;" >
					<div class="row" style="height: 33.33%;background-color: #0A0F23;">
						<!--来自 创业西安行 http://www.xacysq.com/ -->
						<div style="width: 100%;height: 100%;background-color: #0A0F23;">
							<div class="patent-board">
								<div class="board-panel pull-left">
									<p class="panel-title">双创政策总量</p>
									<p class="panel-num"><span id="cNum1">10250000</span><span class="panel-unit">个</span></p>
								</div>
								<div class="board-panel pull-right">
									<p class="panel-title">众创空间面积</p>
									<p class="panel-num"><span>1389</span><span class="panel-unit">万平方米</span></p>
								</div>
								<div class="board-panel pull-left">
									<p class="panel-title">双创载体</p>
									<p class="panel-num"><span>422</span><span class="panel-unit">家</span></p>
								</div>
								<div class="board-panel pull-right">
									<p class="panel-title">服务机构</p>
									<p class="panel-num"><span>920</span><span class="panel-unit">家</span></p>
								</div>
								<div class="board-panel pull-left">
									<p class="panel-title">众创企业</p>
									<p class="panel-num"><span>5663</span><span class="panel-unit">家</span></p>
								</div>
								<div class="board-panel pull-right">
									<p class="panel-title">服务产品</p>
									<p class="panel-num"><span>345</span><span class="panel-unit">个</span></p>
								</div>
							</div>
						</div>
					</div>
					<div class="row" style="height: 66.66%;background-color: #0A0F23;">
						<iframe scrolling="no" src="p6/p64/shanxi.html"></iframe>
						<!--来自 创业西安行 http://www.ctoutiao.com/xast -->
						<!--<div class="mapimg">-->
							<!--&lt;!&ndash;<span style="position: absolute;top: 60px;left: 46%;text-align: center;font-size: 22px;color: #fff;font-weight: bolder;">创新创业机构的分布</span>&ndash;&gt;-->
							<!--<img style="width: 100%;" src="./p6/map_h.png" alt="">-->
						<!--</div>-->
					</div>
				</div>
				<div class="col" style="width: 33.33%;">
					<div class="row" style="height: 33.33%;">
						<iframe scrolling="no" src="p6/p66.html"></iframe>
					</div>
					<div class="row" style="height: 33.33%;">
						<iframe scrolling="no" src="p6/p63.html"></iframe>
					</div>
					<div class="row" style="height: 33.33%;">
						<iframe scrolling="no" src="p6/p67.html"></iframe>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="../components/jquery-1.11.0.min.js"></script>
		<script type="text/javascript" src="../components/TweenLite.min.js"></script>
		<script type="text/javascript" src="../components/lem_counter.js"></script>
		<script>
			$('#cNum1').lemCounter({
				value_to_from_content: true,
                animate_duration: 3
			});
        </script>
	</body>
</html>
